import { ref, computed } from 'vue'
import { defineStore } from 'pinia'

// 第一种写法
// defineStore创建一个stor实例，'counter'是这个store的id
export const useCounterStore = defineStore('counter', () => {
  const count = ref(0)
  // getters
  const doubleCount = computed(() => count.value * 2)

  // actions
  function increment() {
    count.value++
  }

  return { count, doubleCount, increment }
})
// 第二种写法
// export const useCounterStore = defineStore('counter', {
//   state: () => {
//     return {
//       count: 0,
//       a: 1
//     }
//   },
//   getters: {
//     doubleCount: (state) => {
//       return state.count * 2
//     }
//   },
//   actions: {
//     increment() {
//       this.count++
//     }
//   }
// })